body { background-color: #AAA; }

#header { float: right }

#footer { text-align: center; margin-top: 2em; }

#title { font-size: 20pt; margin-bottom: 4pt; }

#border { width: 500pt; height: 450pt; padding: 20pt; margin-left: auto; margin-right: auto; }
#pixels { background-color: white;
          border: 1pt solid black;
          table-layout: fixed; border-collapse: collapse;  margin-bottom: 8pt; }
#pixels td { width: 10pt; height: 10pt; border: 0; }


#rightside { vertical-align: top } 
#palette { table-layout: fixed; border-collapse: separate; border-spacing: 0;
           border: 1pt solid black; margin-left: 4pt; }
#palette td { width: 15pt; height: 15pt; padding: 0; border-width: 1px; border-style: solid; }

#takesnapshot { text-align: left; width: 100%; }
#takesnapshot input { float: right }

.snapshot { float: left; margin: 4pt; }
.snapshot img { border: 4pt outset gray; border-collapse: separate; }

.selected-color { border: 1px solid white !important; }